{% extends 'base_page.html' %}
{% import 'bootstrap/wtf.html' as wtf %}

{% block navbar_brand %} 设置 {% endblock navbar_brand %}
{% block user_setting_attribs %}class="nav-item active"{% endblock user_setting_attribs %}

{% block page_content %}
    <div class="container-fluid">
        <div class="row">
       <!--     <div class="col-md-8">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">编辑</h4>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="form-group">
                                <label>用户头像</label>
                                {{ wtf.quick_form(icon_form) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            -->
            <div class="col-md-12">
                <div class="card card-user">
                    <div class="card-image">
                        <img src="https://ununsplash.imgix.net/photo-1431578500526-4d9613015464?fit=crop&fm=jpg&h=300&q=75&w=400" alt="...">
                    </div>
                    <div class="card-body">
                        <div class="author">
                           <img class="avatar border-gray" src="{{user.avatars()}}" alt="...">
                            <h5 class="title">{{user.username}}</h5>
                        </div>
                        <p class="description text-center">
                            hi  {{user.username}}   !
                            <br> 根据右侧编辑相关的数据
                            <br> 提交之后更新相关的数据
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}